<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Concatenate Multiple Inputs</title>
</head>
<body>
    <input type="text" id="input1" placeholder="Enter text 1">
    <input type="text" id="input2" placeholder="Enter text 2">
    <input type="text" id="input3" placeholder="Enter text 3">
    <button onclick="concatenateInputs()">Concatenate</button>
    <button onclick="clearInputs()">Clear</button>
    <button onclick="copyResult()">Copy</button>
    <div id="result"></div>

    <script>
        function concatenateInputs() {
            var input1Value = document.getElementById("input1").value;
            var input2Value = document.getElementById("input2").value;
            var input3Value = document.getElementById("input3").value;
            
            var concatenatedValue = input1Value + " " + input2Value + " " + input3Value;
            
            document.getElementById("result").innerText = concatenatedValue;
        }
        
        function clearInputs() {
            document.getElementById("input1").value = "";
            document.getElementById("input2").value = "";
            document.getElementById("input3").value = "";
            document.getElementById("result").innerText = "";
        }
        
        function copyResult() {
            var resultText = document.getElementById("result");
            resultText.select();
            document.execCommand("copy");
            alert("Result copied to clipboard!");
        }
    </script>
</body>
</html>